<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head></h:head>
<body>
	<h:form>
		<h1 align="center">BẢNG THĂM DÒ Ý KIẾN SINH VIÊN VỀ VIỆC DẠY HỌC
			TRÊN LỚP</h1>
		<h5 align="center">
			<b>Nhằm cải tiến và nâng cao chất lượng đào tạo của Khoa ngày
				càng tốt hơn, chúng tôi mong nhận được những ý kiến đánh giá của các
				bạn thông qua bản điều tra dưới đây</b>
		</h5>
		<p:panel header="Chọc môn học">
			<ui:include src="/student/listSubject.xhtml" />
		</p:panel>

	</h:form>
	<h1 align="center">---------------------------------------------------------------------</h1>
	<h:form>
		<p:wizard flowListener="#{srb.onFlowProcess}">
			<p:tab id="content" title="Phần 1">
				<p:panel header="PHẦN 1: NỘI DUNG GIẢNG DẠY">
					<p:dataTable var="fbc" value="#{srb.listQT1}" id="datac">
						<p:column headerText="STT" width="5%">
							<h:outputText value="#{fbc.questionId}" />
						</p:column>
						<p:column headerText="Nội dung câu hỏi" width="75%">
							<h:outputText value="#{fbc.questionTitle}" />
						</p:column>
						<p:column headerText="Điểm" width="25%">
							<p:rating value="#{srb.rating}" id="rating">
								<f:ajax listener="#{srb.saveRating}" render="rating"></f:ajax>
							</p:rating>
						</p:column>
					</p:dataTable>
				</p:panel>
			</p:tab>

			<p:tab id="teachingMethods" title="Phần 2">
				<p:panel header="PHẦN 2: PHƯƠNG PHÁP GIẢNG DẠY">
					<p:dataTable var="fbm" value="#{srb.listQT2}" id="datam">
						<p:column headerText="STT" width="5%">
							<h:outputText value="#{fbm.questionId}" />
						</p:column>
						<p:column headerText="Nội dung câu hỏi" width="75%">
							<h:outputText value="#{fbm.questionTitle}" />
						</p:column>
						<p:column headerText="Điểm" width="25%">
							<p:rating value="#{srb.rating}" id="rating">
								<f:ajax listener="#{srb.saveRating}" render="rating"></f:ajax>
							</p:rating>
						</p:column>
					</p:dataTable>
				</p:panel>
			</p:tab>
			<p:tab id="relationship" title="Phần 3">
				<p:panel header="PHẦN 3: MỐI QUAN HỆ GIỮA HỌC SINH VÀ GIÁO VIÊN">
					<p:dataTable var="fbr" value="#{srb.listQT3}" id="datar">
						<p:column headerText="STT" width="5%">
							<h:outputText value="#{fbr.questionId}" />
						</p:column>
						<p:column headerText="Nội dung câu hỏi" width="75%">
							<h:outputText value="#{fbr.questionTitle}" />
						</p:column>
						<p:column headerText="Điểm" width="25%">
							<p:rating value="#{srb.saveRating}" id="rating">
							<f:ajax listener="#{srb.saveRating}" render="rating"></f:ajax>
							</p:rating>
						</p:column>
					</p:dataTable>
				</p:panel>
			</p:tab>

			<p:tab id="development" title="Phần 4">
				<p:panel header="PHẦN 4: PHÁT TRIỂN KỸ NĂNG CỦA SINH VIÊN">
					<p:dataTable var="fbbs" value="#{srb.listQT4}" id="datas">
						<p:column headerText="STT" width="5%">
							<h:outputText value="#{fbbs.questionId}" />
						</p:column>
						<p:column headerText="Nội dung câu hỏi" width="75%">
							<h:outputText value="#{fbbs.questionTitle}" />
						</p:column>
						<p:column headerText="Điểm" width="25%">
							<p:rating value="#{srb.saveRating}" id="rating">
							<f:ajax listener="#{srb.saveRating}" render="rating"></f:ajax>
							</p:rating>
						</p:column>
					</p:dataTable>
				</p:panel>
			</p:tab>

			<p:tab id="feedbackMore" title="Góp Ý">
				<p:panel header="PHẦN 5: NHỮNG GÓP Ý KHÁC">
					<p:editor id="editor" widgetVar="editorWidget"
						value="#{srb.opinion}" />

					<p:panelGrid columns="1">
						<p:commandButton value="Clear" type="button"
							styleClass="btn btn-primary"
							onclick="PF('editorWidget').clear();" icon="ui-icon-close" />
							<h:commandButton action="#{srb.saveSurveyResultOpinion}" value="Save" />
					</p:panelGrid>
				</p:panel>
			</p:tab>
		</p:wizard>
	</h:form>
</body>
</html>
